<style type="text/css">
#foot{width: 100%; height:405px; background-color:#FFF;}

#foot4{height: 50px;}

#foot6{width: 1100px; height:350px; margin: 0 auto;}

#foot1{height:230px; width: 65%; text-align:left;}
#foot2{height:230px; width: 35%; text-align:right;}
#foot3{height: 120px; width: 100%; text-align:left;}

#foot1,#foot2, #foot3{float: left;}

#foot, #foot3{box-shadow:0px -2px 1px -1px #999;
	          _webkit-box-shadow:-0px -2px 1px -1px #999;
	          _moz-box-shadow:0px -2px 1px -1px #999;
			  }

#table1 tr{height: 25px; background:#FFF;}
#table1 td, th{
               text-align: center;
               padding-right:35px;
			   padding-top:15px;
               }

#foot2, #foot1, #foot3{display: table;}
#foot2 div, #foot1 div, #foot3 div {
display: table-cell;
vertical-align: middle;
}


.heng li{float: left; list-style:none;}

#aa li a {
display:block; 
height:20px; 
line-height:20px; 
text-align:left; 
border-left:1px solid #CCC; 
padding-left:10px;
padding-right:10px;
}

.long{display:block; padding-right:10px;}

#bb li a {
display:block; 
height:20px; 
line-height:20px;
margin-right: 20px;
}

table, ul{
display:block; 
padding:5px;
margin:0px;
}

#footp{
	margin: 20px 0px;
}

a{text-decoration:none; }

@charset "utf-8";
/* CSS Document */

.box{
position:fixed;
right:10px;
bottom: 10px;
height:30px;
width: 50px; 
text-align:center;
padding-top:20px; 
background-color: lightblue;
border-radius: 20%;
overflow: hidden;
}
.box:hover:before{
top:50%
}
.box:hover .box-in{
visibility: hidden;
}
.box:before{
position: absolute;
top: -50%;
left: 50%;
transform: translate(-50%,-50%);
content:'回到顶部';
width: 40px;
color:peru;
font-weight:bold;
} 
.box-in{
visibility: visible;
display:inline-block;
height:20px;
width: 20px;
border: 3px solid black;
border-color: white transparent transparent white;
transform:rotate(45deg);
}
</style>


<div id="foot">
    <div id="foot4"></div>

    <div id="foot6">

<div id="foot1"><div>
    <table id="table1">
        <tr>
            <th>订单服务</th><th>服务支持</th><th>自助服务</th><th>媒体中心</th><th>关于公司</th><th>关注我们</th>
        </tr>
        <tr></tr>
        <tr>
            <td><a href="">购买指南</a></td><td><a href="">售后服务</a></td><td><a href="">热点咨询</a></td><td><a href="">新闻动态</a></td><td><a href="">公司简介</a></td><td><a href="http://weibo.com/smartisancs?is_hot=1">新浪微博</a></td>
        </tr>
        <tr>
            <td><a href="">支付方式</a></td><td><a href="">维修门店</a></td><td><a href="">预约购买</a></td><td><a href="">官方视频</a></td><td><a href="">加入我们</a></td><td><a href="img/weixin.png">官方微信</a></td>
        </tr>
        <tr>
            <td><a href="">送货政策</a></td><td><a href="">零售门店</a></td><td><a href="">订单物流</a></td><td><a href="">图片资源</a></td><td><a href="">联系我们</a></td><td><a href="http://tieba.baidu.com/f?kw=%B4%B8%D7%D3%BF%C6%BC%BC">官方贴吧</a></td>
        </tr>
        <tr></tr>
    </table>
</div></div>

<div id="foot2">
  <div>
    <p><big><b>400-619-0909</b></big></p>
    <p id="footp">周一至周日9:00-18:00（仅收市话费）</p>
    <input type="button" value="在线帮助" onClick="help.php">
  </div>
</div>

<div id="foot3"><div>
 
  
  <table id="table2">
      <tr>
          <td>
              <ul id="aa" class="heng">
                  <li class="long">这是一个假的北京锤子数码科技有限公司</li>
                  <li><a href="">法律声明</a></li>
                  <li><a href="">隐私条款</a></li>
                  <li><a href="">开发者中心</a></li>
              </ul> 
          </td>
      </tr>
      <tr>
          <td>
                  <ul id="bb" class="heng">
                      <li><a href="http://www.miibeian.gov.cn/state/outPortal/loginPortal.action">京ICP备14041720号-1</a></li>
                      <li><a href="http://www.miibeian.gov.cn/state/outPortal/loginPortal.action">京ICP证140622号</a></li>
                      <li><a href="http://www.miibeian.gov.cn/state/outPortal/loginPortal.action">京公网安备11010502025474</a></li>
                  </ul>
          </td>
      </tr>
  </table>
  
</div></div>

    </div>
        

</div>

<div id="box" class="box">
<div class="box-in"></div>
</div>
<script>
    $(function(){
var timer = null;
box.onclick = function(){
cancelAnimationFrame(timer);
timer = requestAnimationFrame(function fn(){
var oTop = document.body.scrollTop || document.documentElement.scrollTop;
if(oTop > 0){
document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
timer = requestAnimationFrame(fn);
}else{
cancelAnimationFrame(timer);
} 
});
}
});
</script>
<?php 
 include "mysql/mysqlclose.php";
?>
